<!DOCTYPE html>
<html>
<head>
	<title>首页</title>
	<meta charset="utf-8">
	<link type="text/css" rel="styleSheet" href="css/common.css" />
	<link type="text/css" rel="styleSheet" href="css/index.css" />
	<link type="text/css" rel="styleSheet" href="css/chatmain.css" />
	<script type="text/javascript" src="js/jquery.js" ></script>
	<script type="text/javascript" src="js/index.js" ></script>
	<script type="text/javascript" src="js/chatmain.js" ></script>
</head>
<body>
	<div class="main">

		<div class="chatwindow">
			<div id="dialogboxid" class="dialogbox" style="display: none;">
				<div class="dialogboxhead">
					<img src="img/1.jpg" width="100%"; height="69px">
					<div class="dialogboxuname">
						<img class="circularimg" src="img/head.png" width="50px";> &nbsp; 金龙战神
					</div>
				</div>
				<div class="chatcontent">
					聊天内容
				</div>
				<div class="chatfunctional">
					<ul class="chatul">
						<li class="chatli">表情</li>
						<li class="chatli">图片</li>
						<li class="chatli">文件</li>
						<li class="chatli">音乐</li>
						<li class="chatli">视频</li>
						<li style="float: right; margin-right: 5%;">聊天记录</li>
					</ul>
				</div>
				<div class="chatinputcon">
					<textarea class="chatinput"></textarea>
				</div>
				<div class="subbatchat">
					<input class="chatsuban" type="button" value="发送"> &nbsp; <input type="button" class="chatsuban" value="关闭">
				</div>
			</div>
		</div>
	
		<div class="max">
			<div class="imgdiv">
				<img src="img/1.jpg" width="100%"; height="116px">
				<div class="uname">
					<img class="circularimg" src="img/head.png" width="50px";> &nbsp; 金龙战神
				</div>
				<div class="unamedown">
					<div class="msgman"><a class="msgmana" href="javascript:;" onclick="contentmsg('msg')">消息</a></div> 
					<div class="msgman"><a class="msgmana" href="javascript:;" onclick="contentmsg('contacts')">联系人</a></div> 
					<div class="msgman"><a class="msgmana" href="javascript:;" onclick="contentmsg('group')">分组</a></div>
				</div>
			</div>
			<div class="tab">
				<div>
					<div class="content newmsg msg">
						<div class="imgdiv newmsgdown" onclick="dialog('AAAAAAAAAAAAA')">
							<span> &nbsp; &nbsp; </span>
							<img class="circularimg" src="img/head.png" width="50px";> &nbsp; <span class="msgusername">金龙战神</span> &nbsp; <span> - </span> &nbsp; <span class="msgfont">明天要去上班了，</span>
						</div>
					</div>

					<div class="content newmsg msg">
						<div class="imgdiv newmsgdown"  onclick="dialog('DDDDDDDDDDDD')">
							<span> &nbsp; &nbsp; </span>
							<img class="circularimg" src="img/head.png" width="50px";> &nbsp; <span class="msgusername">QQQQQQQQQ</span> &nbsp; <span> - </span> &nbsp; <span class="msgfont">AAAAAAAAAAAAAAAAAAA</span>
						</div>
					</div>

					<div class="content newmsg msg"  onclick="dialog('YYYYYYYYYYYY')">
						<div class="imgdiv newmsgdown">
							<span> &nbsp; &nbsp; </span>
							<img class="circularimg" src="img/head.png" width="50px";> &nbsp; <span class="msgusername">E</span> &nbsp; <span> - </span> &nbsp; <span class="msgfont">TTTTTTT</span>
						</div>
					</div>
				</div>

				<div class="content contacts" style="height: 120px; background: yellow;">
					联系人
				</div>
				<div class="content group" style="height: 60px; background: blue;">
					分组
				</div>
			</div>
			<div class="bottom">
				<div class="bottombat">+添加好友</div> 
				<div class="nbsp">&nbsp;</div>
				<div class="bottombat">新消息</div> 
				<div class="nbsp">&nbsp;</div>
				<div class="bottombat">设置</div> 
			</div>
		</div>
	</div>
</body>
<script type="text/javascript">
	contentmsg('msg')
</script>
</html>
